<template>
  <div class="helloWord">
    <Hedar></Hedar>
    <div class="contentBox">
      <div class="logoImg">
        <p class="lOgin_search">
          <input type="text" v-model="butsata" name=""  value="" />
          <router-link :to="{path:'/Search',query: { name:butsata}}">
            <span>搜索</span>
          </router-link>
        </p>
      </div>
      <Bton> </Bton>
      <div class="main_banner">
        <ul class="main_banner_left">
          <li>所有建材商品分类</li>
          <li v-for="(item,index) in  datas1" v-bind:index="index" @mouseenter="enter($event)" @mouseleave="leave($event)">
            <!--<img v-bind:src=item.img />-->
            <router-link :to="{path:'/Goods',query: { id:item.value,list:'1'}}">{{item.label}}</router-link>
          </li>
          <div @mouseenter="enters($event)" @mouseleave="leaves($event)" class="main_banner_leftmain">
            <div v-for="item in lists">
              <h5 :list="2">
                <router-link :to="{path:'/Goods',query: { id:item.value,list:'2'}}">{{item.label}}</router-link>
              </h5>
              <p>
                <span v-for="itam in item.children" :list="3">
                  <router-link :to="{path:'/Goods',query:{ id:itam.value,list:'3'}}">{{itam.label}}</router-link>
                </span>
              </p>
            </div>
          </div>
        </ul>
        <div class="main_banner_center">
          <el-carousel height="426px">
            <el-carousel-item v-for="item in bannerimg" :key="item">
              <img v-bind:src = item />
            </el-carousel-item>
          </el-carousel>

        </div>
        <!--<div class="seckill">-->
        <!--<div class="seckill_top" v-if="!logins">-->
        <!--<p>HI,Welcome to wutongsd!</p>-->
        <!--<p>-->
        <!--<router-link to="/Entry"><span>登录</span></router-link>-->
        <!--<router-link to="/Login"><span>注册</span></router-link>-->
        <!--</p>-->
        <!--</div>-->
        <!--<div class="seckill_top" v-if="logins">-->
        <!--<p>HI! {{userName1}}</p>-->
        <!--<p>-->
        <!--<span @click="tuichu1">退出</span>-->

        <!--</p>-->

        <!--</div>-->
        <!--<div class="seckill_bottom">-->
        <!--<img src="../assets/首页_03.jpg" />-->

        <!--</div>-->
        <!--</div>-->
      </div>
      <div class="list_Goods">
        <!--<div class="imgak47">-->
        <!--<img src="../assets/cm11.png" />-->
        <!--<img src="../assets/cm12.png" />-->
        <!--<img src="../assets/cm13.png" />-->
        <!--<img src="../assets/cm11.png" />-->
        <!--<img src="../assets/cm12.png" />-->

        <!--</div>-->
        <!--装饰-->
        <div class="lists" v-for="(item,index) in goodlist">
          <p><span>{{item.goods}}</span><ul><li><router-link :to="{path:'/Goods',query: { id:item.valve,list:'1'}}">更多》</router-link></li></ul></p>
          <div class="lists_center">
            <ul class="lists_center_left">

              <li v-for="(itema,index) in item.children">
                <router-link :to="{path:'/Shopdetails',query: { id:itema.gdId  }}">
                  <img v-bind:src =myfilter(itema.gdImg) />
                  <div class="lists_center_left_r">
                    <p style="visibility: hidden">原木木艺</p>
                    <p>{{itema.gdName}}</p>
                    <p style="color:#c81623;">￥{{itema.gdPrice}}</p>
                  </div>
                </router-link>
              </li>

            </ul>

          </div>

        </div>
        <div class="guanggao">
          <img src="../assets/ggpg1.png" />
        </div>
        <!--土建-->
        <div class="lists" v-for="(item,index) in goodlist1">
          <p>
            <span>{{item.goods}}</span><ul><li> <router-link :to="{path:'/Goods',query: { id:item.valve,list:'1'}}">更多》</router-link></li></ul>
          </p>
          <div class="lists_center">
            <ul class="lists_center_left">

              <li v-for="(itema,index) in item.children">
                <router-link :to="{path:'/Shopdetails',query: { id:itema.gdId }}">
                  <img v-bind:src =myfilter(itema.gdImg) />
                  <div class="lists_center_left_r">
                    <p style="visibility: hidden">原木木艺</p>
                    <p>{{itema.gdName}}</p>
                    <p style="color:#c81623;">￥{{itema.gdPrice}}</p>
                  </div>
                </router-link>
              </li>

            </ul>

          </div>

        </div>

        <div class="guanggao">
          <img src="../assets/ggpg2.png" />
        </div>
        <!--辅材 其他-->
        <div class="lists1_box">
          <div class="lists1" v-for="(item,index) in goodlist2">
            <p><span>{{item.goods}}</span><ul><li> <router-link :to="{path:'/Goods',query: { id:item.valve,list:'1'}}">更多》</router-link></li></ul>
            </p>
            <div class="lists1_center">
              <ul class="lists1_center_left">
                <li v-for="(itema,index) in item.children">
                  <router-link :to="{path:'/Shopdetails',query: { id:itema.gdId  }}">
                    <img v-bind:src =myfilter(itema.gdImg) />
                    <div class="lists1_center_left_r">
                      <p>{{itema.gdName}}</p>
                      <p style="color:#c81623;">￥{{itema.gdPrice}}</p>
                    </div>
                  </router-link>
                </li>

              </ul>

            </div>

          </div>
        </div>
      </div>

    </div>
    <Footers></Footers>
    <div class="nav_list" v-show="icssrol">
      <div class="logoImga">
        <p class="lOgin_searcha">
          <input type="text" v-model="butsata" name=""  value="" />
          <router-link :to="{path:'/Search',query: { name:butsata}}"><span>
        搜索
        </span></router-link>
        </p>
      </div>
    </div>
  </div>

</template>

<script>
  import Footers from'@/components/Footers'
  import Bton from'@/components/Bton'
  import Hedar from'@/components/Hedar'
  import options2 from '../../static/inputOptions'
  import options from '../../static/options'
  export default {
    data () {
      return {
        msg: '',
        options:options,
        selectedOptions: [],
        bannerimg: [
          require('@/assets/bg11.png'),
          require('@/assets/bg12.png'),
          require('@/assets/bg15.png'),
          require('@/assets/bg14.png')
        ],
        datas1:[],
        datas:[
          {"name":"土建","value":[
            {"names1":"周杰伦","values1":["告白气球","晴天","七里香","稻香","不能说的秘密","彩虹","搁浅","简单爱","说好的幸福呢","最长的电影","安静","借口","梯田"]},
            {"names1":"薛之谦","values1":["暧昧","演员","刚刚好","你还要我怎样","意外","绅士","动物世界","我害怕","丑八怪","我好想在哪见过你","方圆几里","一半","来日方长"]},
            {"names1":"陈奕迅","values1":["不要说话","淘汰","阴天快乐","你给我听好","最佳损友","好久不见","富士山下","可以了","孤独患者","浮夸","红玫瑰","不如不见","等你爱我"]},
            {"names1":"林俊杰","values1":["她说","当你","可惜没有如果","修炼爱情","江南","爱笑的眼睛","背对背拥抱","关键词","小酒窝","醉赤壁","一千年以后","杀手","学不会"]},
            {"names1":"李荣浩","values1":["老街","不将就","李白","模特","喜剧之王","作曲家","太坦白","大艺术家","不搭","都一样","有理想","自拍","落俗"]},
            {"names1":"张学友","values1":["慢慢","遥远的她","饿狼传说","吻别","李香兰","只想一生跟你走","如果这都不算爱","一千个伤心的理由","心如刀割","忘记你我做不到","一路上有你","留住这时光","你最珍贵"]},
            {"names1":"杨宗纬","values1":["一次就好","其实没有","空白格","洋葱","那个男人","天已黑","我们好像在哪见过","我变了我没变","忘了我","为你遇见你","重来好不好","想对你说","底细"]},
            {"names1":"许巍","values1":["曾经的你","故乡","旅行","像风一样自由","执着","家","时光","那一年","世外桃源","完美生活","空谷幽兰","漫步","难忘的一天"]},
            {"names1":"王力宏","values1":["好心分手","你不知道的事","大城小爱","我们的歌","改变自己","依然爱你","唯一","听爱","爱的就是你","心跳","你是我心内的一首歌","火力全开","心中的日月"]}
          ]},
          {"name":"装饰","value":[
            {"names1":"aaa1","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa1","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa1","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa1","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]}
          ]},
          {"name":"辅材","value":[
            {"names1":"aaa2","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa2","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa2","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa2","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]}
          ]},
          {"name":"其他","value":[
            {"names1":"aaa3","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa3","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa3","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]},
            {"names1":"aaa3","values1":[4,67,3,5,567,74,45,6,234,45,6567,456,456456]}
          ]}
        ],
        lists:'',
        goodlist:[],
        goodlist1:[],
        goodlist2:[],
        goodlist3:[],
        abcdds:'',
        butsata:'',
        scroll: '',
        icssrol:false,
        imgleft: [
          require('@/assets/bg11.png'),
          require('@/assets/bg12.png'),
          require('@/assets/bg13.png'),
          require('@/assets/bg14.png')
        ],
        logins:sessionStorage.getItem("login"),
        userName1:sessionStorage.getItem('userName')
//      goodlist:options5
      }
    },
    methods: {
      distul(){
        let that=this
        $.ajax({
          type: "GET",
          url:"http://www.wutongsd.com/awm/getWtCat",
          dataType: "json",
          beforeSend:function (xhr) {
            xhr. withCredentials=true
          },
          success: function(data){
             console.log(data)
            if(data){
              that.datas1=data
            }
          },
          error:function(aa){
//              console.log(aa)
          }
        });
      },
      tuichu1(){
        this.logina=true
        sessionStorage.clear()
      },
      asmenu() {
        this.scroll = document.body.scrollTop;
        console.log(this.scroll)
        if(this.scroll>200){
          this.icssrol=true
        }else{
          this.icssrol=false
        }
      },
      handleChange(value) {
//          console.log(value);
        for(var i=0;i<this.options.length;i++){
          if(this.options[i].value==value[0]){
            var sheng=this.options[i].label
            var ttl=this.options[i].children
            for(var j=0;j<ttl.length;j++){
              if(ttl[j].value==value[1]){
                var shi=ttl[j].label
                var ttd=ttl[j].children
                for(var k=0;k<ttd.length;k++){
                  if(ttd[k].value==value[2]){
                    var xian=ttd[k].label
                  }
                }
              }
            }
          }
        }
//          console.log(sheng,shi,xian)
//          console.log(this.options)
      },
      enter: function(e){
        $(".main_banner_leftmain").show()
        this.msg=$(e.currentTarget).index()
        $(e.currentTarget).addClass("actives").siblings().removeClass('actives');
        this.lists=this.datas1[this.msg-1].children
//          console.log(this.lists)

      },
      leave: function(e){
        $(".main_banner_leftmain").hide()
        $(e.currentTarget).removeClass('actives');
      },
      enters: function(e){
        $(e.currentTarget).show()
        $(".main_banner_left li").eq(this.msg).addClass("actives")
      },
      leaves: function(e){
        $(e.currentTarget).hide()
        $(".main_banner_left li").eq(this.msg).removeClass("actives")
      },
      pinkl: function(){

//        this.datas1=options2
        console.log( this.datas1)
        let that = this
        $.ajax({
          type: "GET",
          url: local2+"/selectIndexs.do",
//           data: {username:$("#username").val(), content:$("#content").val()},
          dataType: "json",
          beforeSend:function (xhr) {
            xhr. withCredentials=true
          },
          success: function(data){
//             console.log(data)
            that.goodlist.push(data.zhuangshi)
            that.goodlist1.push(data.tujian)
            that.goodlist2.push(data.fuzhu)
            that.goodlist2.push(data.qita)
            console.log( that.goodlist)
          },
          error:function(aa){
//              console.log(aa)
          }
        });
      },
      myfilter(value){
        return 'http://wut1.oss-cn-beijing.aliyuncs.com/'+ value.split(';')[0]

      }
    },
    mounted:function(){
      this.pinkl()
      this.distul()
//      window.addEventListener('scroll', this.asmenu)

    },
    components:{
      Footers,
      Bton,
      Hedar
    }

  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  h1, h2 {
    font-weight: normal;
  }

  ul {
    list-style-type: none;
    padding: 0;
  }

  li {
    display: inline-block;
    margin: 0 10px;
  }

  a {
    color: #42b983;
  }
  .helloWord{
    background:#f1f1f1;
  }
  .contentBox{
    width:100%;
    min-height:1050px;
    margin:0 auto;
    background:#f1f1f1;
  }
  .guanggao{
    width:1200px;
    height:160px;
    line-height:160px;
    margin:30px auto;
    background: #f5f5f5;
  }
  .guanggao img{
    width:100%;
    height:100%;
    display: block;
     }

  .logoImg{
    width:100%;
    height:120px;
    background:url(../assets/logobig.png) no-repeat 46px 35px;
    overflow: hidden;
  }
  .logoImg .lOgin_search{
    width:490px;
    height:38px;
    margin:40px 0 0 282px;
  }
  .logoImg .lOgin_search input{
    width:408px;
    height:36px;
    background: #eaeaea;
    float:left;
    border:1px solid #ff8328;

  }
  .logoImg .lOgin_search span{
    width:80px;
    height:38px;
    line-height: 38px;
    background:#ff8328;
    float:left;
    color:#eff4fa;
  }
  .logoImg .lOgin_search span:hover{
    cursor: pointer;
  }
  .main_banner{
    width:1199px;
    height:435px;
    /*background: #42B983;*/
    margin:0 auto 20px;
    font-size: 12px;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
  }
  .main_banner_left{
    width:194px;
    height:436px;
    background:#ff8328;
    position:relative;
    float: left;
    border:1px solid #ff8328;
  }
  .main_banner_left li{
    width:194px;
    height:71.7px;
    display: block;
    margin:0;
    line-height: 78px;
    /*background: #ff8328;*/
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ffc45e;
    text-align: left;
    text-indent: 65px;
  }
  .main_banner_left li img{
    width:20px;
    height:20px;
  }
  .main_banner_left li a{
    color: #ffffff;
  }
  .main_banner_left li:nth-child(1){
    height:36px;
    line-height: 36px;
    background:#a1a1a1;
    color:#ffffff;
    background: #a1a1a1;
    display: none;
  }
  .main_banner_leftmain{
    width:745px;
    min-height:436px;
    background:#ffffff;
    position:absolute;
    top:0;
    left:196px;
    display: none;
    font-size: 13px;
    z-index: 999;
    box-shadow: 1px 1px 1px 1px #888888;
    /*overflow: auto;*/
  }
  .main_banner_leftmain div{
    width:745px;
    min-height:43px;
    /*background: red;*/

  }
  .main_banner_leftmain div h5{
    width:20%;
    height:100%;
    float:left;
    line-height: 30px;
  }
  .main_banner_leftmain div h5 a{
    color:black;
    font-size:13px;
  }
  .main_banner_leftmain div h5 a:hover{
    color:red;
  }
  .main_banner_leftmain div p{
    width:79%;
    min-height:43px;
    float:left;
    text-align: left;
    overflow: hidden;
    /*border-bottom:1px dashed red;*/

  }
  .main_banner_leftmain div p span{
    display: inline-block;
    padding:10px 15px;
  }
  .main_banner_left .actives{
    /*background: #ffe4dc;*/
    background:#ff7108;
    color:#ff5000;
  }
  .main_banner_center{
    width:990px;
    /*width:1004px;*/
    height: 426px;
    float:left;
    margin-left:10px;
    margin-top:10px;
  }
  .el-carousel__item img {
    width:100%;
    height:100%;
    /*color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 400px;*/
    margin: 0;
    padding:0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .seckill{
    width:246px;
    height:426px;
    float:right;
    background:#eaeaea;
    margin-top:10px;

  }
  .seckill_top{
    width:100%;
    height:106px;
    background:#ffffff;
    margin-bottom: 5px;
  }
  .seckill_top p{
    width:100%;
    height:53px;
    line-height:53px;
    font-size: 15px;
  }
  .seckill_top p span{
    width:56px;
    height:20px;
    line-height:20px;
    font-size: 12px;
    background:#ff8328;
    color:#fff7f1;
    display: inline-block;
    border-radius:5px;
  }
  .seckill_bottom{
    width:100%;
    height:315px;
    background:#ffffff;
    overflow: hidden;
  }
  .seckill_bottom img{
    margin-top:10px;
  }
  /*.seckill img{*/
  /*width:100%;*/
  /*height:100%;*/
  /*}*/
  .hot_cakes{
    width:1200px;
    height:280px;
    margin:0 auto;
  }
  .hot_cakes img{
    float:left;
  }
  .hot_cakesri{
    float:right;
    width:980px;
    height:280px;
  }
  .hot_cakesri p{
    width:140px;
    height:42px;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    border:1px solid #b5b5b5;
    border-bottom: none;
    font-weight: bold;
  }
  .hot_cakesri ul{
    width:978px;
    height:235px;
    border:1px solid #b5b5b5;
  }
  .hot_cakesri ul li{
    width:210px;
    height:210px;
    display: block;
    float:left;
    margin:12px 18px 0 16px;
  }
  .hot_cakesri ul li p{
    width:100%;
    border:none;
    height:40px;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
  }
  .hot_cakesri ul li p:nth-child(1){
    height: 150px;
    background:chartreuse;
    position:relative;
  }
  .hot_cakesri ul li p:nth-child(1) img{
    width:100%;
    height:100%;
  }
  .hot_cakesri ul li p:nth-child(1) span{
    position:absolute;
    top:0px;
    right:0px;
    width:62px;
    height:14px;
    background:#eaeaea;
    font-size:10px ;
    color:black;
    line-height: 14px;
  }
  .hot_cakesri ul li p:nth-child(3){
    height:20px;
    line-height: 20px;
  }
  .list_Goods{
    width:1200px;
    min-height: 1500px;
    margin:0 auto;
    overflow: hidden;
    position:relative;
  }
  .imgak47{
    width:200px;
    min-height:2830px;
    /*background:#ff8328;*/
    position:absolute;
    top:0;
    left:-10px;
  }
  .imgak47 img{
    width:100%;
    height:484px;
    margin-bottom: 80px;
  }
  .lists{
    width:1200px;
    min-height:680px;
    /*height:700px;*/
    /*margin-top:40px;*/
    margin-bottom: 10px;
    background:#fff;
  }
  /*.lists p{*/
    /*height:60px;*/
  /*}*/
  .lists p:nth-child(1){
    width:100%;
    height:60px;
    line-height: 60px;
    border-bottom: 2px solid #f1f1f1;
    /*margin-bottom: 8px;*/
    background:#ffffff;

  }
  .lists p:nth-child(1) span{
    width:320px;
    height:60px;
    font-size: 22px;
    display: block;
    text-align: left;
    float:left;
    text-indent: 65px;
    background:url("../assets/godLife.png") no-repeat 19px 20px;
    color:#ff8328;
  }
  .lists p:nth-child(1) ul{
    width:860px;
    height:60px;
    float: left;
  }
  .lists p:nth-child(1) ul li{
    width:100px;
    height:60px;
    /*background:#eeeeee;*/
    float:right;
    text-align: right;
    margin:0 0 0 10px;
  }
  .lists_center{
    width:100%;
    min-height:492px;
    /*height:640px;*/
    background:#fff;
  }
  .lists_center_left{
    width:100%;
    min-height:492px;
    /*height:640px;*/
    background: #fff;
    float:left;
  }
  .lists_center_left li{
    width:236px;
    /*height:300px;*/
    min-height:306px;
    margin: 0;
    /*background: #11B95C;*/
    float:left;
    border-right:5px solid #f1f1f1;
    color: #2c3e50;
  }
  .lists_center_left li:hover{
    background: #f1f1f1;
  }
  .lists_center_left li:hover p{
    color:red;
  }
  .lists_center_left li a{
    color: #2c3e50;
  }
  .lists_center_left li:nth-child(1){
      margin-bottom: 0;
      border-top:5px solid #f1f1f1;
      border-bottom:5px solid #f1f1f1;

    }
  .lists_center_left li:nth-child(2){
    margin-bottom: 0;
    border-top:5px solid #f1f1f1;
    border-bottom:5px solid #f1f1f1;

  }
  .lists_center_left li:nth-child(3){
    margin-bottom: 0;
    border-top:5px solid #f1f1f1;
    border-bottom:5px solid #f1f1f1;

  }
  .lists_center_left li:nth-child(4){
    margin-bottom: 0;
    border-top:5px solid #f1f1f1;
    border-bottom:5px solid #f1f1f1;

  }
  .lists_center_left li:nth-child(5){
    margin-bottom: 0;
    border-top:5px solid #f1f1f1;
    border-bottom:5px solid #f1f1f1;
    border-right:none;


  }
  .lists_center_left li:nth-child(10){
    margin-bottom: 0;
    border-right:none;
  }
  .lists_center_left li img{
    width:200px;
    height:200px;
    /*height:128px;*/
    margin:8px 0 0 0px;
    cursor: pointer;
    transition: all 0.6s;
    -moz-transition: all 0.6s;	/* Firefox 4 */
    -webkit-transition: all 0.6s;	/* Safari 和 Chrome */
    -o-transition: all 0.6s;
  }
  .lists_center_left li img:hover{
    transform: scale(1.1);
    -moz-transform: scale(1.1);	/* Firefox 4 */
    -webkit-transform: scale(1.1);	/* Safari 和 Chrome */
    -o-transform: scale(1.1);


  }

  .lists_center_left_r{
    width:100%;
    height:89px;
    /*float:left;*/
    text-indent: 5px;
  }
  .lists_center_left_r p{
    width:100%;
    line-height:20px;
    border:none;
    word-wrap: break-word;
    word-break: break-all;
    text-align: left;
    font-size: 14px;
    text-indent: 17px;
  }
  .lists_center_left_r p:nth-child(1){
    border:none;
    margin:6px 0 0 0;
    padding:0;
    height:20px;
  }
  .lists_center_left_r p:nth-child(2){
    height:30px;
    font-size: 15px;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
  }
  .lists_center_right{
    width:278px;
    height:258px;
    border:1px solid #b5b5b5;
    float:left;
  }
  .lists_center_rTltle{
    width: 100%;
    height:38px;
    line-height:38px;
    background: #d2d2d2;
    display: block;
  }
  .lists_center_right_ol{
    width:100%;
    list-style: decimal;
    list-style-position:inside;
  }
  .lists_center_right_ol li{
    width:100%;
    height:35px;
    display: list-item;
    border-bottom: 1px solid #d2d2d2;
    margin:0;
    list-style: decimal;
    list-style-position:inside;
    text-align:left ;
    line-height: 35px;
    text-indent: 18px;
  }
  .lists_bottom{
    height:140px;
  }
  .lists_bottom div{
    width:220px;
    height:90px;
    padding-top:30px;
    float:left;
    margin-right: 33px;
  }
  .lists_bottom div:nth-child(4){
    margin-right: 0;
  }
  .lists_bottom div img{
    width:100%;
    height:120px;
  }
  .lists1_box{
    width:1200px;
    min-height:700px;
    margin-bottom: 10px;
    background:#f1f1f1;
  }
  .lists1{
    width:586px;
    min-height:690px;
    margin-bottom: 10px;
    background:#fff;
    float:left;

  }
  /*.lists1 p{*/
    /*height:60px;*/
  /*}*/
  .lists1 p:nth-child(1){
    width:100%;
    /*height:60px;*/
    line-height: 60px;
    border-bottom: 2px solid #f1f1f1;
    /*margin-bottom: 8px;*/
    background:#ffffff;

  }
  .lists1 p:nth-child(1) span{
    width:320px;
    height:60px;
    font-size: 22px;
    display: block;
    text-align: left;
    float:left;
    text-indent: 65px;
    background:url("../assets/godLife.png") no-repeat 19px 20px;
    color:#ff8328;
  }
  .lists1 p:nth-child(1) ul{
    width:260px;
    height:60px;
    float: left;
  }
  .lists1 p:nth-child(1) ul li{
    width:100px;
    height:60px;
    /*background:#eeeeee;*/
    float:right;
    text-align: right;
    margin:0 0 0 10px;
  }
  .lists1:nth-child(2){
    margin-left:25px;
  }
  .lists1_center{
    width:100%;
    min-height:492px;
    /*height:640px;*/
    background:#fff;
  }
  .lists1_center_left{
    width:100%;
    min-height:492px;
    /*height:640px;*/
    background: #fff;
    float:left;
  }
  .lists1_center_left li{
    width:170px;
    /*height:300px;*/
    min-height:262px;
    margin: 23px 0 0 15px;
    background: #f1f1f1;
    float:left;
    color: #2c3e50;
  }
  .lists1_center_left li:hover{
    background: #f1f1f1;
  }
  .lists1_center_left li:hover p{
    color:red;
  }
  .lists1_center_left li a{
    color: #2c3e50;
  }

  .lists1_center_left li img{
    width:170px;
    /*height:200px;*/
    height:178px;
    margin:0;
    cursor: pointer;
    /*transition: all 0.6s;*/
    /*-moz-transition: all 0.6s;	!* Firefox 4 *!*/
    /*-webkit-transition: all 0.6s;	!* Safari 和 Chrome *!*/
    /*-o-transition: all 0.6s;*/
  }
  .lists1_center_left li img:hover{
    opacity: 0.9;
    /*transform: scale(1.1);*/
    /*-moz-transform: scale(1.1);	!* Firefox 4 *!*/
    /*-webkit-transform: scale(1.1);	!* Safari 和 Chrome *!*/
    /*-o-transform: scale(1.1);*/


  }
  .lists1_center_left_r{
    width:100%;
    height:59px;
    /*float:left;*/
    text-indent: 5px;
  }
  .lists1 .lists1_center_left_r p{
    width:100%;
    line-height:20px;
    border:none;
    word-wrap: break-word;
    word-break: break-all;
    text-align: left;
    font-size: 14px;
    /*text-indent: 7px;*/
  }
  .lists1 .lists1_center_left_r p:nth-child(1){
    height:30px;
    font-size: 15px;
    display:block;
    margin-top:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    background: none;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
  }



  .footer_header{
    width:1200px;
    /*height:450px;*/
    background: #eaeaea;
    margin:0 auto  40px;
  }
  .footer_header img{
    width:100%;
    height:143px;
    border-bottom:1px solid #dedede;
  }
  .footer_header2{
    width:100%;
    height:307px;
  }
  .footer_header2_left{
    width:136px;
    height:277px;
    padding:30px 0 0 80px;
    font-size: 11px;
    text-align: left;
    float:left;
  }
  .footer_header2_left p{
    text-align: left;
    height:32px;
  }
  .footer_header2_left img{
    width:125px;
    height:125px;
  }
  .footer_header2_right{
    width:984px;
    height:277px;
    padding-top:30px;
    float:left;
  }
  .footer_header2_right ul{
    width:20%;
    height:277px;
    float:left;
  }
  .footer_header2_right ul li{
    width:100%;
    height:20px;
    font-size: 12px;
  }
  .footer_header2_right ul li a{
    color:#929292;
  }.footer_header2_right ul li a:hover{
     color:red;
   }
  .footer_header2_right ul li:nth-child(1){
    height:30px;
    font-size: 14px;
    color:#666666;
  }
  a{
    color:black;
  }
  a:hover{
    cursor: pointer;
    color:red;
  }
  .nav_list{
    width:100%;
    height:90px;
    background:#ffffff;
    position:fixed;
    top:0;
    left:0;
    z-index: 9999;
  }
  .logoImga{
    width:100%;
    height:100px;
    background:url(../assets/logobig.png) no-repeat 430px 20px;
    overflow: hidden;

  }
  .logoImga .lOgin_searcha{
    width:490px;
    height:38px;
    margin:40px 0 0 700px;
  }
  .logoImga .lOgin_searcha input{
    width:410px;
    height:38px;
    background: #eaeaea;
    float:left;

  }
  .logoImga .lOgin_searcha span{
    width:80px;
    height:38px;
    line-height: 38px;
    background:#88abda;
    float:left;
    color:#eff4fa;
  }
  .logoImga .lOgin_searcha span:hover{
    cursor: pointer;
  }
</style>
